<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Phần mềm quản lý sân bóng</title>

<!--For General-->
<link href="css/reset.css" type="text/css" rel="stylesheet" />
<link href="css/templates.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jscript/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jscript/scroll.js"></script>
<script type="text/javascript" src="jscript/all-script.js"></script>

<!--For Clock-->
<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>

<!--For Jquery UI-->
<link type="text/css" href="css/custom-theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="jscript/jquery-ui-1.8.14.custom.min.js"></script>

<!--For Logo menu-->
<link href="css/jd_menu.css" rel="stylesheet" type="text/css" />
<script src="jscript/jd_Menu.js" language="JavaScript"></script>

</head>

<body>

<h1 class="top">TAN NHAT MINH</h1>
<div id="tnm-wrapper">
	<div id="tnm-header">
    	<div class="logo">
        	<img src="images/logo-sport.png" width="239" height="61" alt=""/>
			
            <a id="menuTarget" onclick="jd_Menu_show('#exampleMenu', true);"><img src="images/logo-sport-menu.png" width="194" height="61" /></a>
            <ul id="exampleMenu" class="jd_menu" attachto="menuTarget" menuposition="relative bottom left" style="margin-top: 4px;">
                <!-- menuposition may be (relative|absolute) (mb mt ml mr) (bottom left top right) -->
                <li>Thiết lập nhân viên</li>
                <li>Thiết lập sân bóng &nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Phân loại</li>
                        <li>Thời gian hoạt động</li>
                    </ul>
                </li>
                <li>Vật tư sân</li>
                <li>Thiết lập Căng tin&nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Số bàn</li>
                        <li>Menu thức uống</li>
                        <li>Menu trang phục</li>
                    </ul>
                </li>
                <li>Vật tư Căng tin</li>
                <li>Thiết lập Khuyến mãi</li>
                <li>Xem báo cáo</li>
                <li>Thoát</li>
            </ul>
            
        </div>        
        <ul class="main-menu">
        	<li><a href="index.html"><span>Tổng thể</span></a></li>
            <li><a href="search-day.html"><span>Lịch đặt sân</span></a></li>
            <li class="act"><a href="cangtin.html"><span>Căng tin</span></a></li>
            <li><a href="#"><span>Bàn giao</span></a></li>
            <li><a href="#"><span>Nhân viên</span></a></li>
            <li><a href="customer.html"><span>Khách hàng</span></a></li>
        </ul>
        <div class="right"></div>
    </div>
    <div id="tnm-body">
    	<div class="tnm-col-left">
        	<h2 class="title-tnm-col-left">Sơ đồ bàn</h2>
            <div class="sort">
                <div class="button"><a href="#">Đang có khách</a></div>
                <div class="button" style="margin-left:5px"><a href="#">Bàn trống</a></div>	
            </div>
            <div class="content-tnm-col-left">
            	<div id="photo_gallery" style="width:1015px; height:600px;">
                	<div id="photoContainer" style="width:1015px; height:600px;  left:-30px">
                      <div id="photoImages">
                        <ul style="height:600px; width:1200px; left:-60px">
                          <li>
                                <span class="text">01</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">02</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">03</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">04</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">05</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">06</span>
                                <span class="money">250.000 vnd</span>
                          </li> 
                          <li>
                                <span class="text">07</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">08</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">09</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">10</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">11</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">12</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">13</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">14</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">15</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">16</span>
                                <span class="money">250.000 vnd</span>
                          </li>	
                          <li>
                                <span class="text">17</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">18</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">19</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">20</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">21</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">22</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">23</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">24</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">25</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">26</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">27</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">28</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">29</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">30</span>
                                <span class="money">250.000 vnd</span>
                          </li>
                          <li>
                                <span class="text">31</span>
                                <span class="money">250.000 vnd</span>
                          </li>		
                        </ul>                   
                      </div>
                    </div>
            	</div>         	
            </div>
            <div class="bottom-tnm-col-left"></div>
        </div>
        <div class="tnm-col-right">
        	<h2 class="title-tnm-col-right">Bàn 02</h2>
            <div class="content-tnm-col-right">
            	<div id="sub-col-right">
                	
                	<div class="player5">
                    	<div class="timeline" style="background:url(images/timeline.jpg)"></div>
                    	<img src="images/img-5player.jpg" width="155" height="97" />
                    </div>
                    <div class="play-number">A1</div>
                    <div class="sub-title">
                    	Thức uống
                    	<a href="#" class="btn-add-drink"><img src="images/add-icon.png" width="14" height="14" /></a>
                   	</div>
                    <div class="sub-content">
                    	<ul>
                        	<li>Nước khoáng:</li>
                            <li class="num">12</li>
                            <li>Pepsi:</li>
                            <li class="num">02</li>
                            <li>Nước chanh:</li>
                            <li class="num">01</li>
                        </ul>
                    </div>
                    <div class="sub-title">
                    	Trang phục
                    	<a href="#" class="btn-add-fashion"><img src="images/add-icon.png" width="14" height="14" /></a>
                   	</div>
                    <div class="sub-content">
                    	<ul>
                        	<li>Áo Chel L:</li>
                            <li class="num">12</li>
                            <li>Quần Chel S:</li>
                            <li class="num">02</li>
                            <li>Giày 34:</li>
                            <li class="num">01</li>
                        </ul>
                    </div>
                    <div class="button" style="padding-top:20px; clear:both"><a href="checkout.html">Thanh toán</a></div>
                </div>
            </div>
            <div class="bottom-tnm-col-right"></div>
        </div>
    </div>
    <div id="tnm-footer" style="padding:5px 20px 30px 0">
    	<div class="right"></div>
        <div class="note-left">Đang có khách</div>
		<div class="note-right">Bàn trống</div>
    </div>
</div>

<!-- ------------POPUP ADD DRINKS--------------------- -->
<div  class="dialog-add-drink" title="THÊM THỨC UỐNG">
    <div class="table-add-drink">
        <table class="DataTable" cellpadding="0" cellspacing="0">
            <form name="myform" action="checkboxes.asp" method="post">
            <tr class="head">
                <td width="180">Tên</td>
                <td width="100">Số lượng</td>
                <td width="*">Thành tiền</td>
            </tr>
            <tr class="even" id="tableRow_1" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Cafe</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_2" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Coca</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="even" id="tableRow_3" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Pepsi</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_4" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Nước chanh</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="even" id="tableRow_5" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Sting</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_6" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Doctor Thanh</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="even" id="tableRow_7" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Tra xanh</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_8" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Cafe sữa</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_9" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Chel (L)</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_10" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Chel (L)</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_11" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Chel (L)</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_12" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Chel (L)</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            </form>
        </table>
    </div>
    <div class="total">TỔNG CỘNG: <span style="padding-left:80px">36.000 đ</span></div>
    <div style="margin-left:170px">
    	<div class="button"><a href="#">Xong</a></div>
    	<div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
    </div>
</div>

<!-- ------------POPUP ADD FASHION--------------------- -->
<div class="dialog-add-fashion" title="THÊM ĐỒNG PHỤC">
	<div class="style-form" style="background-color:#7ed749; text-align:center">
        <dl>
            <dt>Chọn sân:</dt>
            <dd>
                <select style="width:210px" name="">
                    <option>Sân A1</option>
                </select>
            </dd>                     
        </dl>
    </div>
    <div id="tabs1">
        <ul>
            <li><a href="#tabs-1">Áo</a></li>
            <li><a href="#tabs-2">Quần</a></li>
            <li><a href="#tabs-3">Giày</a></li>
        </ul>
        <div id="tabs-1" style="padding-bottom:15px" class="ui-helper-clearfix">
        	<div class="table-add-drink">
                <table class="DataTable" cellpadding="0" cellspacing="0">
                    <form name="myform" action="checkboxes.asp" method="post">
                    <tr class="head">
                        <td width="180">Tên</td>
                        <td width="100">Số lượng</td>
                        <td width="*">Thành tiền</td>
                    </tr>
                    <tr class="even" id="tableRow_1" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_2" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="even" id="tableRow_3" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_4" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="even" id="tableRow_5" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_6" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="even" id="tableRow_7" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_8" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_9" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_10" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_11" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_12" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    </form>
                </table> 
            </div>
            <div class="total">TỔNG CỘNG: <span style="padding-left:80px">36.000 đ</span></div>
            <div style="margin-left:170px">
                <div class="button"><a href="#">Xong</a></div>
                <div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
            </div>            
        </div>
        <div id="tabs-2" class="ui-helper-clearfix">
           
        </div>
        <div id="tabs-3" class="ui-helper-clearfix">
            
        </div>
    </div>
</div>

</body>
</html>
